<template>
  <div class="demo10">
    <!-- 循环一个数组的每一项 -->
    <div v-for="item in list">
      类型:{{item.type}}
      <div v-for="book in item.books">
        书籍:{{book.name}}
        <div v-for="tag in book.tag">
          标签:{{tag.name}}
          yeshu:{{tag.number}}
        </div>
      </div>
    </div>

  </div>

</template>

<script>
  export default {
    name: 'demo10',
    components: {},
    props: {},
    data() {
      return {
        list: [
          {
            type: '历史',
            books: [
              {
                name: '政治书',
                tag: [
                  {
                    name: '标签1'
                    , number: 12
                  }, {
                    name: '标签2',
                    number: 23
                  }]
              },
              {
                name: '政治书12',
                tag: [
                  {
                    name: '标签1'
                    , number: 12
                  }, {
                    name: '标签2',
                    number: 23
                  }]
              }
            ]

          },
          {
            type: '历史2',
            books: [
              {
                name: '政治书',
                tag: [
                  {
                    name: '标签1'
                    , number: 12
                  }, {
                    name: '标签2',
                    number: 23
                  }]
              },
              {
                name: '政治书12',
                tag: [
                  {
                    name: '标签1'
                    , number: 12
                  }, {
                    name: '标签2',
                    number: 23
                  }]
              }
            ]

          },
        ],

      };
    },
    mounted() {
    },
    methods: {},
    computed: {}
  };
</script>

<style scoped lang="less">
  .demo10 {
  }
</style>
<style lang="less">
  .demo10 {
  }
</style>
